<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>第二套首页</title>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css"/>
    <link rel="stylesheet" href="css/fullcalendar.css"/>
    <link rel="stylesheet" href="css/matrix-style.css"/>
    <link rel="stylesheet" href="css/matrix-media.css"/>
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet"/>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>
</head>
<body>

<!--Header-part-->
<div id="header">
    <h1><a href="dashboard.html">MatAdmin</a></h1>
</div>
<!--close-Header-part-->

<!--top-Header-menu-->
<div id="user-nav" class="navbar navbar-inverse">
    <ul class="nav">
        <li class="dropdown" id="profile-messages"><a title="" href="#" data-toggle="dropdown"
                                                      data-target="#profile-messages" class="dropdown-toggle"><i
                class="icon icon-user"></i> <span class="text">欢迎[[${session.loginUser}]]</span><b
                class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a href="#"><i class="icon-user"></i> 我的资料</a></li>
                <li class="divider"></li>
                <li><a href="#"><i class="icon-check"></i> 我的任务</a></li>
                <li class="divider"></li>
                <li><a href="login.html"><i class="icon-key"></i> 退出</a></li>
            </ul>
        </li>
        <li class="dropdown" id="menu-messages"><a href="#" data-toggle="dropdown" data-target="#menu-messages"
                                                   class="dropdown-toggle"><i class="icon icon-envelope"></i> <span
                class="text">消息</span> <span class="label label-important">5</span> <b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a class="sAdd" title="" href="#"><i class="icon-plus"></i> 新消息</a></li>
                <li class="divider"></li>
                <li><a class="sInbox" title="" href="#"><i class="icon-envelope"></i> 收件箱</a></li>
                <li class="divider"></li>
                <li><a class="sOutbox" title="" href="#"><i class="icon-arrow-up"></i> 发件箱</a></li>
                <li class="divider"></li>
                <li><a class="sTrash" title="" href="#"><i class="icon-trash"></i> 发送</a></li>
            </ul>
        </li>
        <li class=""><a title="" href="#"><i class="icon icon-cog"></i> <span class="text">设置</span></a></li>
        <li class=""><a title="" href="login.html"><i class="icon icon-share-alt"></i> <span class="text">退出</span></a>
        </li>
    </ul>
</div>
<!--start-top-serch-->
<div id="search">
    <input type="text" placeholder="请输入搜索内容..."/>
    <button type="submit" class="tip-bottom" title="Search"><i class="icon-search icon-white"></i></button>
</div>
<!--close-top-serch-->

<!--sidebar-menu-->

<div id="sidebar"><a href="#" class="visible-phone"><i class="icon icon-home"></i> Dashboard2</a>
    <ul>
        <li><a href="index.html"><i class="icon icon-home"></i> <span>首页</span></a></li>
        <li><a href="charts.html"><i class="icon icon-signal"></i> <span>图表统计</span></a></li>
        <li><a href="widgets.html"><i class="icon icon-inbox"></i> <span>插件</span></a></li>
        <li><a href="/employee"><i class="icon icon-th"></i> <span>员工管理</span></a></li>
        <li><a href="grid.html"><i class="icon icon-fullscreen"></i> <span>网格布局</span></a></li>
        <li class="submenu"><a href="#"><i class="icon icon-th-list"></i> <span>表单</span> </a>
            <ul>
                <li><a href="form-common.html">基本表单</a></li>
                <li><a href="form-validation.html">带验证的表单</a></li>
                <li><a href="form-wizard.html">带提示的表单</a></li>
            </ul>
        </li>
        <li><a href="buttons.html"><i class="icon icon-tint"></i> <span>按钮 &amp; 图标</span></a></li>
        <li><a href="interface.html"><i class="icon icon-pencil"></i> <span>组件</span></a></li>
        <li class="submenu active"><a href="#"><i class="icon icon-file"></i> <span>其他</span> </a>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="gallery.html">相册</a></li>
                <li><a href="calendar.html">日历</a></li>
                <li><a href="invoice.html">清单</a></li>
                <li><a href="chat.html">聊天</a></li>
            </ul>
        </li>
        <li class="submenu"><a href="#"><i class="icon icon-info-sign"></i> <span>错误页面</span> </a>
            <ul>
                <li><a href="error403.html">403错误页面</a></li>
                <li><a href="error/error404.html">404错误页面</a></li>
                <li><a href="error405.html">05错误页面</a></li>
                <li><a href="error500.html">500错误页面</a></li>
            </ul>
        </li>
        <li class="content"><span>每个月带宽</span>
            <div class="progress progress-mini progress-danger active progress-striped">
                <div style="width: 77%;" class="bar"></div>
            </div>
            <span class="percent">77%</span>
            <div class="stat">21419.94 / 14000 MB</div>
        </li>
        <li class="content"><span>Disk Space Usage</span>
            <div class="progress progress-mini active progress-striped">
                <div style="width: 87%;" class="bar"></div>
            </div>
            <span class="percent">87%</span>
            <div class="stat">604.44 / 4000 MB</div>
        </li>
    </ul>
</div>
<div id="content">
    <div id="content-header">
        <div id="breadcrumb"><a href="index.html" title="Go to Home" class="tip-bottom"><i class="icon-home"></i>
            Home</a></div>
    </div>
    <div class="quick-actions_homepage">
        <ul class="quick-actions">
            <li class="bg_lb"><a href="#"> <i class="icon-dashboard"></i> My Dashboard </a></li>
            <li class="bg_lg"><a href="#"> <i class="icon-shopping-cart"></i> Shopping Cart</a></li>
            <li class="bg_ly"><a href="#"> <i class=" icon-globe"></i> Web Marketing </a></li>
            <li class="bg_lo"><a href="#"> <i class="icon-group"></i> Manage Users </a></li>
            <li class="bg_ls"><a href="#"> <i class="icon-signal"></i> Check Statistics</a></li>
        </ul>
    </div>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span6">
                <div class="widget-box">
                    <div class="widget-title bg_ly" data-toggle="collapse" href="#collapseG2"><span class="icon"><i
                            class="icon-chevron-down"></i></span>
                        <h5>Latest Posts</h5>
                    </div>
                    <div class="widget-content nopadding collapse in" id="collapseG2">
                        <ul class="recent-posts">
                            <li>
                                <div class="user-thumb"><img width="40" height="40" alt="User" src="img/demo/av1.jpg">
                                </div>
                                <div class="article-post"><span class="user-info"> By: john Deo / Date: 2 Aug 2012 / Time:09:27 AM </span>
                                    <p><a href="#">This is a much longer one that will go on for a few lines.It has
                                        multiple paragraphs and is full of waffle to pad out the comment.</a></p>
                                </div>
                            </li>
                            <li>
                                <div class="user-thumb"><img width="40" height="40" alt="User" src="img/demo/av2.jpg">
                                </div>
                                <div class="article-post"><span class="user-info"> By: john Deo / Date: 2 Aug 2012 / Time:09:27 AM </span>
                                    <p><a href="#">This is a much longer one that will go on for a few lines.It has
                                        multiple paragraphs and is full of waffle to pad out the comment.</a></p>
                                </div>
                            </li>
                            <li>
                                <div class="user-thumb"><img width="40" height="40" alt="User" src="img/demo/av4.jpg">
                                </div>
                                <div class="article-post"><span class="user-info"> By: john Deo / Date: 2 Aug 2012 / Time:09:27 AM </span>
                                    <p><a href="#">This is a much longer one that will go on for a few lines.Itaffle to
                                        pad out the comment.</a></p>
                                </div>
                            <li>
                                <button class="btn btn-warning btn-mini">View All</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="widget-box">
                    <div class="widget-title"><span class="icon"><i class="icon-ok"></i></span>
                        <h5>To Do list</h5>
                    </div>
                    <div class="widget-content">
                        <div class="todo">
                            <ul>
                                <li class="clearfix">
                                    <div class="txt"> Luanch This theme on Themeforest <span
                                            class="by label">Nirav</span> <span
                                            class="date badge badge-important">Today</span></div>
                                    <div class="pull-right"><a class="tip" href="#" title="编辑"><i
                                            class="icon-pencil"></i></a> <a class="tip" href="#" title="Delete"><i
                                            class="icon-remove"></i></a></div>
                                </li>
                                <li class="clearfix">
                                    <div class="txt"> Manage Pending Orders <span class="by label">Alex</span> <span
                                            class="date badge badge-warning">Today</span></div>
                                    <div class="pull-right"><a class="tip" href="#" title="Edit Task"><i
                                            class="icon-pencil"></i></a> <a class="tip" href="#" title="Delete"><i
                                            class="icon-remove"></i></a></div>
                                </li>
                                <li class="clearfix">
                                    <div class="txt"> MAke your desk clean <span class="by label">Admin</span> <span
                                            class="date badge badge-success">Tomorrow</span></div>
                                    <div class="pull-right"><a class="tip" href="#" title="Edit Task"><i
                                            class="icon-pencil"></i></a> <a class="tip" href="#" title="Delete"><i
                                            class="icon-remove"></i></a></div>
                                </li>
                                <li class="clearfix">
                                    <div class="txt"> Today we celebrate the great looking theme <span class="by label">Admin</span>
                                        <span class="date badge badge-info">08.03.2013</span></div>
                                    <div class="pull-right"><a class="tip" href="#" title="Edit Task"><i
                                            class="icon-pencil"></i></a> <a class="tip" href="#" title="Delete"><i
                                            class="icon-remove"></i></a></div>
                                </li>
                                <li class="clearfix">
                                    <div class="txt"> Manage all the orders <span class="by label">Mark</span> <span
                                            class="date badge badge-info">12.03.2013</span></div>
                                    <div class="pull-right"><a class="tip" href="#" title="Edit Task"><i
                                            class="icon-pencil"></i></a> <a class="tip" href="#" title="Delete"><i
                                            class="icon-remove"></i></a></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="span6">
                <div class="widget-box">
                    <div class="widget-title"><span class="icon"><i class="icon-ok"></i></span>
                        <h5>Progress Box</h5>
                    </div>
                    <div class="widget-content">
                        <ul class="unstyled">
                            <li><span class="icon24 icomoon-icon-arrow-up-2 green"></span> 81% Clicks <span
                                    class="pull-right strong">567</span>
                                <div class="progress progress-striped ">
                                    <div style="width: 81%;" class="bar"></div>
                                </div>
                            </li>
                            <li><span class="icon24 icomoon-icon-arrow-up-2 green"></span> 72% Uniquie Clicks <span
                                    class="pull-right strong">507</span>
                                <div class="progress progress-success progress-striped ">
                                    <div style="width: 50%;" class="bar"></div>
                                </div>
                            </li>
                            <li><span class="icon24 icomoon-icon-arrow-down-2 red"></span> 53% Impressions <span
                                    class="pull-right strong">457</span>
                                <div class="progress progress-warning progress-striped ">
                                    <div style="width: 53%;" class="bar"></div>
                                </div>
                            </li>
                            <li><span class="icon24 icomoon-icon-arrow-up-2 green"></span> 3% Online Users <span
                                    class="pull-right strong">8</span>
                                <div class="progress progress-danger progress-striped ">
                                    <div style="width: 3%;" class="bar"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="widget-box">
                    <div class="widget-title bg_lo" data-toggle="collapse" href="#collapseG3"><span class="icon"> <i
                            class="icon-chevron-down"></i> </span>
                        <h5>News updates</h5>
                    </div>
                    <div class="widget-content nopadding updates collapse in" id="collapseG3">
                        <div class="new-update clearfix"><i class="icon-ok-sign"></i>
                            <div class="update-done"><a title="" href="#"><strong>Lorem ipsum dolor sit amet,
                                consectetur adipiscing elit.</strong></a> <span>dolor sit amet, consectetur adipiscing eli</span>
                            </div>
                            <div class="update-date"><span class="update-day">20</span>jan</div>
                        </div>
                        <div class="new-update clearfix"><i class="icon-gift"></i> <span class="update-notice"> <a
                                title="" href="#"><strong>Congratulation Maruti, Happy Birthday </strong></a> <span>many many happy returns of the day</span> </span>
                            <span class="update-date"><span class="update-day">11</span>jan</span></div>
                        <div class="new-update clearfix"><i class="icon-move"></i> <span class="update-alert"> <a
                                title="" href="#"><strong>Maruti is a Responsive Admin theme</strong></a> <span>But already everything was solved. It will ...</span> </span>
                            <span class="update-date"><span class="update-day">07</span>Jan</span></div>
                        <div class="new-update clearfix"><i class="icon-leaf"></i> <span class="update-done"> <a
                                title="" href="#"><strong>Envato approved Maruti Admin template</strong></a> <span>i am very happy to approved by TF</span> </span>
                            <span class="update-date"><span class="update-day">05</span>jan</span></div>
                        <div class="new-update clearfix"><i class="icon-question-sign"></i> <span class="update-notice"> <a
                                title="" href="#"><strong>I am alwayse here if you have any question</strong></a> <span>we glad that you choose our template</span> </span>
                            <span class="update-date"><span class="update-day">01</span>jan</span></div>
                    </div>
                </div>
            </div>
        </div>
        <hr>
        <div class="row-fluid">
            <div class="span12">
                <div class="widget-box widget-calendar">
                    <div class="widget-title"><span class="icon"><i class="icon-calendar"></i></span>
                        <h5>Calendar</h5>
                        <div class="buttons"><a id="add-event" data-toggle="modal" href="#modal-add-event"
                                                class="btn btn-inverse btn-mini"><i class="icon-plus icon-white"></i>
                            Add new event</a>
                            <div class="modal hide" id="modal-add-event">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal">×</button>
                                    <h3>Add a new event</h3>
                                </div>
                                <div class="modal-body">
                                    <p>Enter event name:</p>
                                    <p>
                                        <input id="event-name" type="text"/>
                                    </p>
                                </div>
                                <div class="modal-footer"><a href="#" class="btn" data-dismiss="modal">Cancel</a> <a
                                        href="#" id="add-event-submit" class="btn btn-primary">Add event</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="widget-content">
                        <div class="panel-left">
                            <div id="fullcalendar"></div>
                        </div>
                        <div id="external-events" class="panel-right">
                            <div class="panel-title">
                                <h5>Drag Events to the calander</h5>
                            </div>
                            <div class="panel-content">
                                <div class="external-event ui-draggable label label-inverse">My Event 1</div>
                                <div class="external-event ui-draggable label label-inverse">My Event 2</div>
                                <div class="external-event ui-draggable label label-inverse">My Event 3</div>
                                <div class="external-event ui-draggable label label-inverse">My Event 4</div>
                                <div class="external-event ui-draggable label label-inverse">My Event 5</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--Footer-part-->
<div class="row-fluid">
    <div id="footer" class="span12">Copyright &copy; 2018.Company name All rights reserved.<a target="_blank"
                                                                                              href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
    </div>
</div>
<!--end-Footer-part-->
<script src="js/excanvas.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.ui.custom.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.flot.min.js"></script>
<script src="js/jquery.flot.resize.min.js"></script>
<script src="js/jquery.peity.min.js"></script>
<script src="js/matrix.js"></script>
<script src="js/fullcalendar.min.js"></script>
<script src="js/matrix.calendar.js"></script>
<script src="js/matrix.chat.js"></script>
<script src="js/jquery.validate.js"></script>
<script src="js/matrix.form_validation.js"></script>
<script src="js/jquery.wizard.js"></script>
<script src="js/jquery.uniform.js"></script>
<script src="js/select2.min.js"></script>
<script src="js/matrix.popover.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/matrix.tables.js"></script>
<script src="js/matrix.interface.js"></script>
<script type="text/javascript">
    // This function is called from the pop-up menus to transfer to
    // a different page. Ignore if the value returned is a null string:
    function goPage(newURL) {

        // if url is empty, skip the menu dividers and reset the menu selection to default
        if (newURL != "") {

            // if url is "-", it is this page -- reset the menu:
            if (newURL == "-") {
                resetMenu();
            }
            // else, send page to designated URL
            else {
                document.location.href = newURL;
            }
        }
    }

    // resets the menu selection upon entry to this page:
    function resetMenu() {
        document.gomenu.selector.selectedIndex = 2;
    }
</script>
</body>
</html>
